<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<!-- Kenneth Kufluk 2008/09 -->
	<title>js-mindmap demo</title>
	<meta http-equiv="X-UA-Compatible" content="IE=7">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<link rel="stylesheet" type="text/css" href="js-mindmap.css" />
	<script type="text/javascript" src="script/lib/excanvas.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
	<script type="text/javascript" src="script/js-mindmap.js"></script>
	<script type="text/javascript">
	$(document).ready(function() {
        $("#js-mindmap").mindmap({
            showSublines: true,
            canvasError: "alert",
            mapArea: {x:-1, y:-1}
        });
/*
        $("#js-mindmap2").mindmap({
            showSublines: true,
            canvasError: "alert",
            mapArea: {x:400, y:-1}
        });
 */
    });
	</script>
	<style>
	#js-mindmap2 {
	   display:none;
	    position:relative;
        margin-left:400px;
    }
	</style>
</head>
<body>
	<h1>js-mindmap</h1>
	<p>This is a demo of js-mindmap.  Sitemap items taken from www.digitas.com as an example.</p>

	<div id="js-mindmap">
		<a href="http://www.digitas.com/">Home</a>
		<ul id="navigation"> 

		    <li> 
		        <a href="http://www.digitas.com/approach">OUR APPROACH</a> 
		    </li> 

		    <li> 
		        <a href="http://www.digitas.com/clientwork">CLIENTS &amp; WORK</a> 
		    </li> 

		    <li><a href="http://www.digitas.com/leadership" rel="mindmap-locations">LEADERSHIP</a></li> 


		    <li><a id="mindmap-locations" name="locations">LOCATIONS &amp; CONTACTS</a>       
		            <ul> 
		                <li> 
		                    <a href="http://www.digitas.com/australia/">AUSTRALIA</a> 
		                </li> 
		                <li> 
		                    <a href="http://www.digitas.com/brazil/">BRAZIL</a> 
		                </li> 
		                <li> 
		                    <a href="http://www.digitas.fr/"  class="popup">FRANCE</a> 
		                </li>   
		                <li> 
		                    <a href="http://www.digitas.com.cn/"  class="popup">GREATER CHINA</a> 
		                </li>   
		                <li> 
		                    <a href="http://www.digitas.in/"  class="popup">INDIA</a> 
		                </li>   
		                <li> 
		                    <a href="http://www.digitas.co.jp/"  class="popup">JAPAN</a> 
		                </li>   
		                <li> 
		                    <a href="http://www.digitas.com/sweden/" >SWEDEN</a> 
		                </li>   
		                <li> 
		                    <a href="/uk/">UNITED KINGDOM</a> 
		                </li>   
		                <li> 
		                    <a href="http://www.digitas.com/usa/">USA</a> 
		                </li>   
		            </ul> 
		        </li> 


		    <li><a href="http://www.digitas.com/careers">CAREERS</a></li> 

		    <li> 
		        <a name="media">MEDIA CENTER</a> 
		        <ul

		        > 
		            <li

		            ><a href="http://www.digitas.com/news">NEWS ROOM</a></li> 
		            <li

		            ><a href="http://www.digitas.com/press">PRESS PACKET</a></li> 
		        </ul> 
		    </li> 


		    <li> 
		        <a name="brands">BRANDS &amp; COMPANIES</a> 
		        <ul> 
		            <li><a href="http://www.digitashealth.com/" class="popup">DIGITAS HEALTH</a></li> 
		            <li><a href="http://www.prodigiousworldwide.com/" class="popup">PRODIGIOUS</a></li> 
		            <li><a href="http://www.digitas.in/ " class="popup">SOLUTIONS | DIGITAS</a></li> 
		        </ul> 
		    </li> 

		    <li> 
		        <a href="http://www.vivaki.com/" class="popup">VIVAKI</a> 
		    </li> 

		    <li> 
		        <a href="http://www.publicisgroupe.com/site/" class="popup">PUBLICIS GROUPE</a> 
		    </li> 

		    <li> 
		        <a href="http://www.digitas.com/clientlogin">CLIENT LOGIN</a> 
		    </li> 

		</ul>
	</div>
	<div id="js-mindmap2">
		<a href="http://www.digitas.com/">Home</a>
		<ul id="navigation"> 

		    <li> 
		        <a href="http://www.digitas.com/approach">OUR APPROACH</a> 
		    </li> 

		    <li> 
		        <a href="http://www.digitas.com/clientwork">CLIENTS &amp; WORK</a> 
		    </li> 

		    <li><a href="http://www.digitas.com/leadership">LEADERSHIP</a></li> 
        </ul>
    </div>
</body>
</html>
